{# The model catalog: search it, narrow it to what this install can call,
   and open a model in the drawer (where it can be made the active one). #}
{% from "components/macros/layout.html" import card, drawer_sync %}
{% from "components/macros/table.html" import data_table %}
{% from "components/macros/form.html" import checklist, search_input %}
<div class="flex flex-wrap items-center gap-4 mb-4">
  <form {{ hx_replace(catalog_url, "#overseer-main") }}
        hx-trigger="keyup changed delay:250ms from:input[name=q], search, change from:input[name=vendor] delay:400ms"
        class="flex flex-wrap items-center gap-3">
    {{ search_input("q", q, placeholder="Search models") }}
    {{ checklist("ai-vendor-picker", "vendor", "Vendors", vendor_options) }}
    {% if usable %}<input type="hidden" name="usable" value="1">{% endif %}
    {% if released %}<input type="hidden" name="released" value="{{ released }}">{% endif %}
  </form>
  {% with chips_label = "Models" %}{% include "pages/overseer/_chips.html" %}{% endwith %}
  {% with chips = released_chips, chips_label = "Released" %}{% include "pages/overseer/_chips.html" %}{% endwith %}
</div>
{% call card(None, id="ai-catalog") %}
  {{ data_table([
    {"key": "model", "label": "Model", "kind": "link", "target": "#overseer-main", "mark": True},
    {"key": "id", "label": "ID", "kind": "code"},
    {"key": "kind", "label": "Kind"},
    {"key": "vendor", "label": "Vendor"},
    {"key": "context", "label": "Context", "kind": "int", "align": "right"},
    {"key": "input", "label": "In / 1M", "align": "right"},
    {"key": "output", "label": "Out / 1M", "align": "right"},
    {"key": "released", "label": "Released"},
  ], rows, empty="No models match") }}
  {% if rows|length >= limit %}<p class="text-xxs text-aegis-muted px-1">The first {{ limit }}; search to narrow.</p>{% endif %}
{% endcall %}
{{ drawer_sync(open_drawer, drawer_param) }}